\chapter{User Interface}
\section{Welcome-Screen}
If you start \projname the usual way, you see the welcome screen. You can select
a new pipeline, open a saved one and call the quick start tutorial (from left
to right, see picture \ref{pic001})
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio, width=0.9\textwidth]{pics/00welcome.png}
\end{center}
\caption{the welcome screen}
\label{pic001}
\end{figure}
\newpage
\section{Quick Start Tutorial}
If you are starting \projname for the first time, you should open the quick
start tutorial and read it. You can open it in the welcome-screen or in the menu bar
(see \ref{about} \nameref{about})
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio, width=0.9\textwidth]{pics/00quickstart}
\end{center}
\caption{the quick start tutorial}
\label{pic002}
\end{figure}
\newpage
\section{Main Window}
Select a new pipeline in the welcome-screen and you see the main window. The
main window consists of 5 parts marked with red numbers in the picture. 
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio, width=1\textwidth]{pics/00mainwindow.png}
\end{center}
\caption{main window}
\label{pic003}
\end{figure}
\begin{enumerate}
  \item The first part is the menu bar. With the menu bar you can access all the
  functions provided through the program.
  \item The second is the tool bar. In it are the tools the user uses mostly.
  \item The function library is the third one. You can find the functions
  representing the tasks of Osmosis there.
  \item The fourth part is the pipeline view. The pipeline can be seen and
  edited within this view.
  \item Last but not least is the fifth part. The function inspector displays
  the options of a selected function.
\end{enumerate}

\section{Menu Bar} \label{menubar}
\subsection{File}
Here you can manage your pipelines: Create a new one, open a saved one or save
the current (see \ref{loadsave} \nameref{loadsave}). You can import and
export pipelines (see \ref{importexport} \nameref{importexport}), change the 
general settings (see \ref{settings} \nameref{settings}) and quit the program.
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio]{pics/01file.png}
\end{center}
\caption{menu bar entries file}
\label{pic01}
\end{figure}
\subsection{Edit}
If you want to edit the current pipeline you can undo and redo actions (see
\ref{undo} \nameref{undo}), duplicate a selected function (see \ref{duplicate}
\nameref{duplicate}) or delete it.
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio]{pics/02edit.png}
\end{center}
\caption{menu bar entries edit}
\label{pic02}
\end{figure}
\subsection{View}
To control the pipeline view you can zoom in and out, reset the view to the
usual size or zoom automaticly to show the whole pipeline.
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio]{pics/03view.png}
\end{center}
\caption{menu bar entries view}
\label{pic03}
\end{figure}
\newpage
\subsection{Pipeline}
In this menu you can generate a preview of your current pipeline, generate the
command line of Osmosis, execute the current pipeline with Osmosis and rearrange
all the functions for a better overview.
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio]{pics/04pipeline.png}
\end{center}
\caption{menu bar entries pipeline}
\label{pic04}
\end{figure}
\subsection{About} \label{about}
In this menu you can access the help function and read informations about
\projname. 
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio]{pics/05about.png}
\end{center}
\caption{menu bar entries about}
\label{pic05}
\end{figure}

\section{Tool Bar} \label{toolbar}
In the toolbar you can directly select functions of
\projname. \newline From left to right:
\begin{itemize}
	\item create new pipeline, open a saved one, save the current pipeline (see
	\ref{loadsave} \nameref{loadsave})
	\item import an exported or export the current pipeline (see \ref{importexport}
	\nameref{importexport})
	\item undo or redo actions
	\item show the preview of the current pipeline, generate the command line out
	of it, call Osmosis and execute the current pipeline
	\item rearrange the current pipeline
	\item access the help function
\end{itemize}
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio]{pics/06toolbar1.png}
\end{center}
\caption{first part of the toolbar}
\label{pic06}
\end{figure}
From left to right:
\begin{itemize}
	\item tools for editing the pipeline: magic tool with all functionality,
	selection tool, move tool and connection tool
	\item reset the view to the initial position, show all of the pipeline
	\item zoom in and zoom out
\end{itemize}
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio]{pics/06toolbar2}
\end{center}
\caption{second part of the toolbar}
\end{figure}
\newpage

\section{Function Library} \label{library}
The library contains categories of functions like \textit{Input \& Output}.
% \begin{figure}[htb]
% \begin{center}
% \includegraphics[keepaspectratio, width=0.25\textwidth]{pics/07library1}
% \end{center}
% \caption{categories in the library}
% \label{pic071}
% \end{figure}
You can click on one of the categories to expand it and select one of the
functions in it (picture \ref{pic072}).
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio, width=0.25\textwidth]{pics/07library2}
\end{center}
\caption{one opened category in the library}
\label{pic072}
\end{figure}
If you know which function you want to select, you can type the name in the
textbox in the top of the library. All functions containing the text in
their names and descriptions are displayed (picture \ref{pic073}).
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio, width=0.25\textwidth]{pics/07library3}
\end{center}
\caption{search the library}
\label{pic073}
\end{figure}
\newpage 

\section{Pipeline View} \label{pipeview}
The pipeline view shows you the pipeline you are editing. A function of a
pipeline is a coloured square. The colour of the rectangle is the same as the
category you can find the function in. Each function has a semi circle as symbol
of a connector. And each connector is coloured to signal the type. An arrow is
an indicator for a connection between two connectors and the corresponding
functions.
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio, width=0.25\textwidth]{pics/08view}
\end{center}
\caption{pipeline view}
\label{pic08}
\end{figure}

\section{Function Inspector} \label{inspector}
The function inspector shows you the parameters of a selected function and a
description of an element if you are pointing at it with your mouse. In the
right upper corner are two buttons for loading and saving this function. If you
have a specific function you want to reuse, you can save it for the future.
\begin{figure}[htb]
\begin{center}
\includegraphics[keepaspectratio, width=0.25\textwidth]{pics/09inspector}
\end{center}
\caption{pipeline view}
\label{pic09}
\end{figure}